介绍

您所在的位置:网站首页 vue 画板编辑器 介绍

介绍

2023-06-05 19:01| 来源: 网络整理| 查看: 265

# 介绍

vue-marodown是一款使用marked和highlight.js开发的一款markdown编辑器,主要包括三个部分

简单版编辑器,左侧文本输入框使用textarea实现; 专业版编辑器,左侧输入框使用codemirror实现; markdown预览组件,可单独使用。 # 简单版编辑器

简单版编辑器为默认编辑器,具有体积小的优势,功能上相对于专业版无删减,区别在于

不支持输入文本识别,无法根据不同的语法在输入框内显示不同的样式 头部菜单插入内容时不支持对已选择文本区域操作 # 专业版编辑器

左侧的编辑区域使用codemirror实现,看起来更像一个专业的编辑器,保留了编辑器绝大多数功能,相比于普通版区别为

支持根据输入的文本类型显示不同样式 支持设置代码块语言,并高亮显示 支持对输入框内的文本选中后进行操作 # 预览组件

预览组件为单独的一个组件,区别于编辑器内的预览模式,显示样式与编辑器内预览区域完全一致,支持设置主题,复制代码,预览图片、设置maked.js初始化设置等功能。

# 如何选用 如果支持想简单的实现一个富文本编辑器,对功能和输入框样式没有过多的要求,建议简单版即可,毕竟体积优势大,gzip压缩后仅有50kb。 如果想让编辑器看起来更专业一点儿,文本输入区域功能更强大一点儿,建议选用pro版,代价是文件体积将会变大。 如果只是想单纯的展示markdown文件,选用markdown-preview即可。

示例 →



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3